<ion-view view-title="home" hide-nav-bar="true">
	<ion-content class="home">
		<header>
			<div class="title">
				<div class="left area" ui-sref="selectArea({'saveUrl':saveUrl})" ng-class="{'more-3':cityResult.length>3}"><span>{{cityResult}}</span> <i class="dirDown"></i></div>
				<div class="middle">
					<div class="search">
						<i class="icon iconfont icon-search searchIcon"></i>
						<a ui-sref="search">搜索疾病、医生或医院</a>
						<!--<input type="text" placeholder="搜索疾病、医生或医院" ui-sref="search"/>-->
						<i class="icon iconfont icon-scan code"></i>
					</div>
				</div>
				<div class="right">
					<i class="icon iconfont icon-map"></i>
					<span>医院地图</span>
				</div>
			</div>
		</header>
		<section class="user">
			<i class="face"><img ng-src="{{UserInfo.PicUrl===''? 'img/face.png':UserInfo.PicUrl}}" alt="" /></i>
			<div class="infor">
				<p class="name">{{UserInfo.DisplayName}}<i class="icon iconfont icon-man"></i></p>
				<p><span>VIP1</span>精准服务特权</p>
			</div>
			<div class="steward">
				<span><i>小管家</i><i>小康</i></span>
				<i class="dir"><img src="img/go.png" alt="" /></i>
			</div>
		</section>
		<section class="new">
			<div class="left"><span>康E互</span><span>快报</span></div>
			<div class="right">
				<div><i>新</i>欢迎使用康软医护，感谢您的信任的支持！</div>
				<div><i>新</i>签约康E护，健康全保护！</div>
			</div>
		</section>
		<nav class="nav">
			<ul>
				<li ui-sref="selectHospital">
					<i class="icon"><img src="img/book@3x.png" alt=""></i>
					<span>预约挂号</span>
				</li>
				<li ui-sref="userSet">
					<i class="icon"><img src="img/today@3x.png" alt=""></i>
					<span>当天挂号</span>
				</li>
				<li ui-sref="userLogin">
					<i class="icon"><img src="img/pay@3x.png" alt=""></i>
					<span>医疗缴费</span>
				</li>
				<li >
					<i class="icon"><img src="img/bodyCheck@3x.png" alt=""></i>
					<span>健康体检</span>
				</li>
				<li>
					<i class="icon"><img src="img/news@3x.png" alt=""></i>
					<span>医疗资讯</span>
				</li>
			</ul>
		</nav>
		<section class="ad clearfix">
			<div class="left fl clearfix">
				<div class="con fl">
					<h5>专家预约</h5>
					<p>汇集顶尖医师</p>
					<i>1000+</i>
				</div>
				<div class="adPhoto fr"><img src="img/home_ph1.png"/></div>
			</div>
			<div class="right fr">
				<div class="adlist clearfix">
					<div class="con fl">
						<h5>康云药店</h5>
						<p>找药买药更轻松</p>
					</div>
					<div class="adPhoto fr"><img src="img/home_ph2.png" alt="" /></div>
				</div>
				<div class="adlist clearfix">
					<div class="con fl">
						<h5>影像诊断</h5>
						<p>云PACS+权威诊断</p>
					</div>
					<div class="adPhoto fr"><img src="img/home_ph3.png" alt="" /></div>
				</div>
			</div>
		</section>
		<section class="recommend_hospital">
			<h4>推·荐·医·院</h4>
            <ul class="list_hospital2" id="hosplist">
                <li ng-repeat="hosp in hospitalArray" class="item_hospital2 clearfix"
                     ui-sref="selectOffice({hopId:hosp.hopId,hopName:hosp.name,addr:hosp.addr})">
                    <div class="left fl"><img ng-src="{{hosp.imgsrc}}" alt="" /></div>
                    <div class="right fl">
                        <h5>{{hosp.name}}</h5>
                        <div class="case"><i>{{hosp.grade}}</i><span>月诊 {{hosp.vis}}</span></div>
                        <div class="type">
                            <i ng-repeat="item in hosp.items" class="{{item.class}}">{{item.name}}</i>
                        </div>
                    </div>
                </li>
                <div id="hospitalTile" class="loadmore">——&nbsp;&nbsp;向下滑更多 &nbsp;&nbsp;——</div>
                <li style="height: 10px;"></li>
            </ul>
            <ion-infinite-scroll ng-if="hasMore" on-infinite="do_infinite()"
                                 immediate-check="false"></ion-infinite-scroll>
		</section>
	</ion-content>
</ion-view>